.refund {
  .status-text{
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #E21B23;
  }
  .order {
    &-number {
      font-size: 18px;
      color: #AFAFAF;
      margin-bottom: 22px;
    }

    &__product {
      display: flex;
      margin-top: 8px;
      margin-bottom: 30px;
    }

    &__img {
      width: 167px;
      height: 120px;
      border: 1px solid #666;
      display: flex;
      justify-content: center;
      img{
        width: 130px;
      }
    }

    &__title {
      margin-left: 20px;
      float: 1;

      p {
        color: #666;
        min-height: 50px;
        font-size: 16px;
        line-height: 21px;

      }
    }

    &__brand {
      color: #E21B23;
    }

    &__num {
      font-size: 17px;
      color: #ADABAB;
      margin-top: 20px;
    }
  }

  .refund-form {
    .form-item .am-list-body .am-list-item {
      padding-left: 0;
    }

    .oo{
      opacity: 0;
    }

    .am-input-label, .am-textarea-label {
      span {
        width: 1.45rem;
      }
    }

    .product-sn{
      display: flex;
      align-items: center;
      >span{
        margin-right: 18px;
        // margin-left: 20px;
        font-size: 24px;
        flex:  0 0 auto;
      }
      sup{
        color: #E21B23;
      }
      .am-list-extra{
        border: none!important;
      }

      p{
        font-size: 14px;
        color: #A9A8A8;
        width: 200px;
        margin-left: 5px;
        line-height: 20px;
      }

      .am-list-content{
        font-size: 24px;
      }
    }

    .checked-sn{
      color: #E21B23;
      padding: 10px 0px 10px 156px;
      >div{
        display: flex;
        align-items: center;
        border-radius: 0;
        height: 0.51rem;
        padding-left: 0.1rem;
        font-size: 0.22rem;
        border: 0.01rem solid rgba(43, 43, 43, 0.22);
      }
    }



    textarea {
      padding-top: 10px;
    }

    .refund-return-input{
      .am-input-control{
        max-width: 300px!important;
      }
    }

    .refund-input {
      .am-input-control {
        max-width: 172px;
      }

      &-fee {
        position: relative;
        input {
         color: #BB3C40;
        }

        &-desc {
          position: absolute;
          font-size: 14px;
          left: 340px;
          bottom: 20px;
          color: #A9A8A8;
          text-align: left
        }

        .refund-reason{
          width: 1.65rem;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          margin-left: 0px!important;
          height: 40px;
          span{
            text-align: left;
            color: #A9A8A8;
          }
        }
      }
    }
    .upload-input {
      overflow: inherit;
      height: auto!important;
      .am-list-line {
        overflow: inherit;
      }

      .am-input-label-5{
        align-self: flex-start;
      }

      .img-contaier{
        display: flex;
        flex-wrap: wrap;
      }

      .am-list-item, .am-input-item{
        height: auto;
      }

      .img-box{
        width: 133px;
        height: 116px;
        position: relative;
        img{
          width: 100%;
          height: 100%;
        }
      }

      .upload-button {
        position: relative;
        width: 133px;
        height: 116px;
        padding-top: 24px;
        border: 1px solid RGBA(43, 43, 43, 0.22);
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        span{
          font-size: 38px;
        }

        input {
          position: absolute;
          width: 130px;
          height: 120px;
          top: -10px;
          z-index: 10000;
          opacity: 0;
        }

        p {
          font-size: 14px;
          color: #A9A8A8;
          line-height: 20px;
          margin-top: 10px;
          &:first-child {
            font-size: 50px;
            margin-bottom: 15px;
          }
        }
      }
    }
  }

  .logistics-form {
    .form-item .am-list-body .am-list-item {
      padding-left: 0;
    }

    .am-input-label, .am-textarea-label {
      span {
        width: auto;
      }
    }

  }

  .form-item .am-input-label span{
    line-height: 1.2;
    height: auto;
  }

  .form-item .am-input-label .refund-num{
    line-height: 40px!important;
  }
}
